import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/// 创建人： Created by zhaolong
/// 创建时间：Created by  on 2021/1/26.
///
/// 可关注公众号：我的大前端生涯   获取最新技术分享
/// 可关注网易云课堂：https://study.163.com/instructor/1021406098.htm
/// 可关注博客：https://blog.csdn.net/zl18603543572
///
/// 代码清单
///伯方使用
class BoFangHomeItem1Page extends StatefulWidget {
  @override
  _HomeStaggeredWidgetState createState() => _HomeStaggeredWidgetState();
}

class _HomeStaggeredWidgetState extends State<BoFangHomeItem1Page> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    throw UnimplementedError();
  }
// @override
// void initState() {
//   super.initState();
//   getNewsList();
// }
//
// @override
// Widget build(BuildContext context) {
//   if (_isLoading) {
//     return Center(child: LoadingWidget());
//   }
//
//   if (_newsList.length == 0) {
//     return Center(
//       child: NoDataWidget(
//         text: "暂无数据 请稍后重试",
//         clickCallBack: () async {
//           await getNewsList();
//           ToastUtils.showToast("已刷新");
//         },
//       ),
//     );
//   }
//
//   //通过指定数量来构建
//   return RefreshIndicator(
//     onRefresh: () async {
//       await getNewsList();
//       ToastUtils.showToast("已刷新");
//       return true;
//     },
//     child: buildStaggeredGridView(),
//   );
// }
//
// StaggeredGrid buildStaggeredGridView() {
//   return StaggeredGrid.custom(
//     physics: ClampingScrollPhysics(),
//     //内边距
//     padding: const EdgeInsets.all(8.0),
//     //列数 一般与 staggeredTileBuilder 中参数一 成倍数
//     crossAxisCount: 4,
//     //商品个数 这里使用的模拟数据
//     itemCount: _newsList.length,
//
//     itemBuilder: (context, i) {
//       return itemWidget(i);
//     },
//
//     staggeredTileBuilder: (int index) {
//       //参数一 crossAxisCellCount:次轴的单元数 这里指水平方向
//       //参数二 mainAxisCellCount:主轴占用的单元数。
//       return new StaggeredTile.count(2, index == 0 ? 2.2 : 2.8);
//     },
//
//     //行间距
//     mainAxisSpacing: 8.0,
//
//     //列间距
//     crossAxisSpacing: 8.0,
//   );
// }
//
// ///代码清单 13-36
// ///瀑布流子Item布局 点击事件 阴影  [HomeStaggeredWidget]中的方法
// ///lib/src/page/home/home_staggered_list_widget.dart
// Widget itemWidget(int index) {
//   return new Material(
//     //阴影
//     elevation: 8.0,
//     //圆角
//     borderRadius: new BorderRadius.all(
//       new Radius.circular(8.0),
//     ),
//     child: new InkWell(
//       //点击事件水波纹圆角
//       borderRadius: new BorderRadius.all(
//         new Radius.circular(8.0),
//       ),
//       onTap: () {
//         //响应事件 如查看详情
//       },
//       child: buildContainer(index),
//     ),
//   );
// }
//
// ///代码清单 13-37
// ///瀑布流子Item 内容布局 [HomeStaggeredWidget]中的方法
// ///lib/src/page/home/home_staggered_list_widget.dart
// Container buildContainer(int index) {
//   NewsBean newsBean = _newsList[index];
//   return Container(
//     padding: EdgeInsets.all(10),
//     child: Column(
//       children: [
//         //图片填充
//         Expanded(
//           child: new Hero(
//             tag: "$index",
//             child: Material(
//               color: Colors.transparent,
//               child: Image.network(
//                 newsBean.bannerImgUrl,
//                 width: MediaQuery.of(context).size.width - 20,
//                 fit: BoxFit.fitWidth,
//               ),
//             ),
//           ),
//         ),
//         SizedBox(
//           height: 8,
//         ),
//         Container(
//           child: buildShopTitle(index + 1),
//         ),
//         SizedBox(
//           height: 4,
//         ),
//         //底部的价格
//         buildPirceRow(newsBean)
//       ],
//     ),
//   );
// }
//
// ///代码清单 13-38
// ///瀑布流子Item 标题 [HomeStaggeredWidget]中的方法
// ///lib/src/page/home/home_staggered_list_widget.dart
// Stack buildShopTitle(int index) {
//   NewsBean newsBean = _newsList[index - 1];
//   String indexStr = "$index";
//   if (index < 10) {
//     indexStr = "0$index";
//   }
//   return Stack(
//     children: [
//       //底部的标题文字 开始部分使用空格占位
//       Text(
//         "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ${newsBean.title}",
//         style: TextStyle(
//           fontSize: 14,
//           color: Colors.blueGrey,
//         ),
//         //最多显示2行
//         maxLines: 3,
//         //超出后省略号
//         overflow: TextOverflow.ellipsis,
//       ),
//       //第二层的标签
//       Row(
//         children: [
//           Container(
//             alignment: Alignment.center,
//             width: 26,
//             height: 16,
//             child: Text(
//               "$indexStr",
//               style: TextStyle(color: Colors.white, fontSize: 9),
//             ),
//             //背景
//             decoration: BoxDecoration(
//               color: Colors.blueGrey[700],
//               borderRadius: BorderRadius.only(
//                 topLeft: Radius.circular(4),
//                 bottomLeft: Radius.circular(4),
//               ),
//             ),
//           ),
//           Container(
//             alignment: Alignment.center,
//             width: 26,
//             height: 16,
//             child: Text(
//               "精选",
//               style: TextStyle(color: Colors.white, fontSize: 9),
//             ),
//             decoration: BoxDecoration(
//               color: Colors.redAccent,
//               borderRadius: BorderRadius.only(
//                 topRight: Radius.circular(4),
//                 bottomRight: Radius.circular(4),
//               ),
//             ),
//           )
//         ],
//       ),
//     ],
//   );
// }
//
// ///代码清单 13-38
// ///瀑布流子Item 价格 [HomeStaggeredWidget]中的方法
// ///lib/src/page/home/home_staggered_list_widget.dart
// Row buildPirceRow(NewsBean newsBean) {
//   return Row(
//     children: [
//       Text(
//         "${newsBean.readCount}次阅读",
//         style: TextStyle(
//           //中间删除线 TextDecoration.lineThrough
//           //底部下划线TextDecoration.underline
//           //顶部上划线 TextDecoration.overline
//           //decoration: TextDecoration.lineThrough,
//           fontSize: 14,
//           color: Colors.grey,
//         ),
//       )
//     ],
//   );
// }
//
// List<NewsBean> _newsList = [];
// bool _isLoading = true;
//
// Future<bool> getNewsList() async {
//   //post请求发送
//   ResponseInfo responseInfo = await DioUtils.instance.getRequest(
//     url: HttpHelper.newslistV4,
//   );
//   if (responseInfo.success) {
//     List list = responseInfo.data;
//
//     list.forEach((element) {
//       NewsBean newsBean = NewsBean.fromJson(element);
//       _newsList.add(newsBean);
//     });
//   }
//
//   _isLoading = false;
//
//   if (mounted) {
//     setState(() {});
//   }
//   return true;
// }
}
